.ui-drop-menu {
  transform-origin: top;
  transition: box-shadow 0.2s linear;
  transition-duration: 0.2s !important;
  border-radius: 4px;
  background: var(--white);
  border: 1px solid var(--grey200);
  box-shadow: var(--box-shadow-level-2);
  width: 224px;
}

.ui-drop-menu__item {
  display: flex;
  align-items: center;
  align-content: center;
  background-color: var(--white);
  padding: 1.2rem 1.6rem;
  cursor: pointer;
  border-bottom: 1px solid var(--grey100);
  transition: all 100ms ease-in-out;
  user-select: none;
  text-decoration: none;
  flex: 1;
  white-space: nowrap;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: var(--navy700);
  height: 44px;
}

.ui-drop-menu__item:hover {
  background-color: var(--grey000);
  text-decoration: none;
}

.ui-drop-menu__item--static {
  cursor: default;
}
.ui-drop-menu__item--static:hover {
  background-color: var(--white);
}

.ui-drop-menu__item--disabled {
  cursor: default;
  color: var(--navy400);
}

.ui-drop-menu__item--highlighted,
.ui-drop-menu__item--active {
  background-color: var(--navy200);
  color: var(--purple500);
}

.ui-drop-menu__item--sub-item {
  padding: 0.8rem 1.6rem;
  background-color: var(--grey000);
  font-size: 1.2rem;
  height: 34px;
}
.ui-drop-menu__item:hover {
  background-color: var(--grey000);
}

.ui-drop-menu__item span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-drop-menu__item > svg {
  margin-right: 8px;
  flex-shrink: 0;
}

.ui-drop-menu__item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-drop-menu__item:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}
